<%--
  Created by IntelliJ IDEA.
  User: w
  Date: 2017/4/18
  Time: 20:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <link rel="apple-touch-icon" sizes="76x76" href="../assets/img/apple-icon.png">
    <link rel="icon" type="image/png" sizes="96x96" href="../assets/img/favicon.png">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <title>Paper Dashboard by Creative Tim</title>

    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="viewport" content="width=device-width" />

</head>
<body>
<jsp:include page="nav/customCss.jsp" flush="true"/><!--动态包含-->
<div class="wrapper">
    <jsp:include page="nav/left.jsp" flush="true"/><!--动态包含-->
    <jsp:include page="nav/copyrights.jsp" flush="true"/><!--动态包含-->
    <div class="main-panel">

        <jsp:include page="nav/top.jsp?title='用户'" flush="true"/><!--动态包含-->

        <script>
            $("#pageTitle").text("个人主页");

            $("#home").parent().children().removeClass();
            $("#home").addClass("active"); //移除p元素的所有class
            $("#upgrade").addClass("active-pro"); //移除p元素的所有class

        </script>

        <div class="content">
            <div class="container-fluid">
                <div class="row" >
                    <div class="col-lg-3 col-md-5">
                        <div class="card">
                            <div class="header">
                                <h4 class="title">在途货物</h4>
                            </div>
                            <div class="content" style="height: 500px;" >
                                <ul class="list-unstyled team-members">
                                    <li>
                                        <div class="row" >
                                            <div class="col-xs-3">
                                                <div class="icon-big icon-warning text-center">
                                                    <i class="ti-truck"></i>
                                                </div>
                                            </div>
                                            <div class="col-xs-6">
                                                <span>在途货物2(Goods5)</span>
                                                <h5>数量:<span style="color: darkorange;font-size: large">7</span></h5>
                                            </div>
                                            <div class="col-xs-3 text-right">
                                                <btn class="btn btn-sm btn-warning btn-icon">
                                                    <i class="ti-plus"></i></btn>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="row">
                                            <div class="col-xs-3">
                                                <div class="icon-big icon-success text-center">
                                                    <i class="ti-truck"></i>
                                                </div>
                                            </div>
                                            <div class="col-xs-6">
                                                <span>在途货物1(Goods4)</span>
                                                <h5>数量:<span style="color: darkorange;font-size: large">6</span></h5>
                                            </div>
                                            <div class="col-xs-3 text-right">
                                                <btn class="btn btn-sm btn-success btn-icon">
                                                    <i class="ti-plus"></i></btn>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="row">
                                            <div class="header">
                                                <h4 class="title">支持决策区</h4>
                                            </div>

                                            <div style="width: 100%;" class="col-xs-3">
                                                <div class="icon-big icon-warning text-center">
                                                    <button type="button" class="btn btn-primary">图示历史需求</button>
                                                </div>
                                            </div>
                                            <div style="width: 100%;" class="col-xs-3">
                                                <div class="icon-big icon-warning text-center">
                                                    <button type="button" class="btn btn-success">图示需求分布拟合</button>
                                                </div>
                                            </div>
                                            <div style="width: 100%;" class="col-xs-3">
                                                <div class="icon-big icon-warning text-center">
                                                    <button type="button" class="btn btn-info">需求预测（四步移动平均法）</button>
                                                </div>
                                            </div>



                                        </div>
                                    </li>
                                </ul>
                            </div>



                        </div>
                    </div>
                    <div class="col-lg-6 col-md-5">
                        <div class="card">
                            <div class="header">
                                <h4 class="title">当前库存情况</h4>
                            </div>
                            <div class="content" style="height: 500px;">

                                <div class="row"  >
                                    <div class="col-xs-3">
                                        <div class="icon-big icon-warning text-right">
                                            <i class="ti-server"></i>
                                        </div>
                                    </div>
                                    <div class="col-xs-5 ">
                                        <div class="numbers ">

                                            <h1 class="text-left">总库存量inv2:&nbsp;<span class="text-danger">8</span> </h1>
                                        </div>
                                    </div>
                                </div>
                                <hr />
                                <div class="row"  >
                                    <div class="header">
                                        <h4 class="title">操作区</h4>
                                    </div>
                                    <div class="col-xs-5" style="width: 100%">
                                        <div class="icon-big icon-warning text-left">
                                            <div style="width: 100%;" class="col-xs-3">
                                                <div class="icon-big icon-warning text-center">
                                                    <button type="button" class="btn btn-warning">马上发货</button>
                                                </div>
                                                <div class="text-success text-center">
                                                    <span>本期订购量：</span>
                                                    <input type="number" >
                                                    <button type="button" class="btn btn-danger">发送</button>
                                                </div>
                                            </div>


                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-5">
                        <div class="card">
                            <div class="header">
                                <h4 class="title">在途货物</h4>
                            </div>
                            <div class="content" style="height: 500px;">
                                <ul class="list-unstyled team-members">
                                    <li>
                                        <div class="row">
                                            <div class="col-xs-3">
                                                <div class="icon-big icon-warning text-center">
                                                    <i class="ti-truck"></i>
                                                </div>
                                            </div>
                                            <div class="col-xs-6">
                                                <span>在途货物2(Goods3)</span>
                                                <h5>数量:<span style="color: darkorange;font-size: large">7</span></h5>
                                            </div>
                                            <div class="col-xs-3 text-right">
                                                <btn class="btn btn-sm btn-warning btn-icon">
                                                    <i class="ti-plus"></i></btn>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="row">
                                            <div class="col-xs-3">
                                                <div class="icon-big icon-success text-center">
                                                    <i class="ti-truck"></i>
                                                </div>
                                            </div>
                                            <div class="col-xs-6">
                                                <span>在途货物1(Goods2)</span>
                                                <h5>数量:<span style="color: darkorange;font-size: large">6</span></h5>

                                            </div>
                                            <div class="col-xs-3 text-right">
                                                <btn class="btn btn-sm btn-success btn-icon">
                                                    <i class="ti-plus"></i></btn>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="row">
                                            <div class="header">
                                                <h4 class="title">顾客信息区</h4>
                                            </div>
                                            <div style="width: 100%;" class="col-xs-3">
                                                <div class="text-center">
                                                    <h4 class="text-success">零售商当前需求：5</h4>
                                                </div>
                                            </div>
                                            <div style="width: 100%;" class="col-xs-3">
                                                <div class="text-center">
                                                    <h4 class="text-danger">零售商历史需求表</h4>
                                                </div>
                                            </div>

                                        </div>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-12 col-md-4">
                        <div class="card">
                            <div class="content" >

                                <div class="row" >
                                    <div class="col-xs-1">
                                        <div class="icon-big icon-info text-center">
                                            <i class="ti-shopping-cart-full"></i>
                                        </div>
                                    </div>
                                    <div class="col-xs-2 ">
                                        <div class="text-left">
                                            <p>在途订单2（order5）</p>
                                            <h2>6</h2>
                                        </div>
                                    </div>
                                    <div class="col-xs-1">
                                        <div class="icon-big icon-info text-center">
                                            <i class="ti-shopping-cart-full"></i>
                                        </div>
                                    </div>
                                    <div class="col-xs-2 ">
                                        <div class="text-left">
                                            <p>在途订单1（order4）</p>
                                            <h2>6</h2>
                                        </div>
                                    </div>
                                    <div class="col-xs-1">
                                        <div class="icon-big icon-danger text-center">
                                            <i class="ti-shopping-cart"></i>
                                        </div>
                                    </div>
                                    <div class="col-xs-2 ">
                                        <div class="text-left">
                                            <p>在途订单2（order3）</p>
                                            <h2>6</h2>
                                        </div>
                                    </div>
                                    <div class="col-xs-1">
                                        <div class="icon-big icon-danger text-center">
                                            <i class="ti-shopping-cart"></i>
                                        </div>
                                    </div>
                                    <div class="col-xs-2 ">
                                        <div class="text-left">
                                            <p>在途订单1（order2）</p>
                                            <h2>6</h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="text-center">
                                <button type="button" class="btn btn-default"><span class="text-success" style="font-size: larger;">绩效分析</span></button>
                                <hr />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <jsp:include page="nav/foot.jsp" flush="true"/><!--动态包含-->

    </div>
</div>

</body>



</html>

